<template>
    <div class="homeBox">
        <Header></Header>
        <Banner></Banner>
        <JacIcon></JacIcon>
        <NoviceActivity></NoviceActivity>
        <ProductList></ProductList>
        <NewUserPop></NewUserPop>
        <buttom></buttom>
    </div>
</template>

<script>
import Header from './components/Header'
import Banner from './components/Banner'
import JacIcon from './components/JacIcon'
import NoviceActivity from './components/NoviceActivity'
import ProductList from '@/common/productList/ProductList'
import NewUserPop from '@/common/newUserPop/NewUserPop.vue'
import buttom from '@/common/bottom/buttom.vue'
export default {
  name: 'Home',
  components: {
    Header,
    Banner,
    JacIcon,
    NoviceActivity,
    ProductList,
    NewUserPop,
    buttom
  }
}
</script>

<style lang = "stylus" scoped>
.homeBox
  background #f2f2f2
</style>
